<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<!DOCTYPE html >
<html lang="ja">
<head>
<meta charset="UTF-8"> 
<title>Update for IT Penguin review</title>
</head>
<body>
<c:if test="${! empty message}">
	<span style="color:red;">${message}</span>
</c:if>
<fmt:formatDate var="rd" value="${item.reviewDate}" pattern="yyyy/MM/dd HH:mm" timeZone="JST"/>
<form action="/update" method="post">
	title:<input type="text" name="reviewTitle" id="reviewTitle" size="50" value="${item.reviewTitle}"/><br/>
	review:<textarea cols="100" rows="25" name="review" id="review">${item.review}</textarea><br/>
	ASIN:<input type="text" name="asin" id="asin" size="10" value="${item.asin}" />
	score:<input type="text" name="score" id="score" size="3" value="${item.score}"/>
	review date:<input type="text" size="18" name="reviewDate" id="reviewDate" value="${rd}"/><br/>
	<c:set var="joindAsin">
		<c:forEach varStatus="status" items="${item.relatedAsins}" var="relatedAsin"><c:if test="${status.index != 0}">,</c:if>${relatedAsin}</c:forEach>
	</c:set>
	related ASIN:<input type="text" name="relatedAsins" id="relatedAsins" size="50" value="${joindAsin}"/><br/>
	<input type="hidden" name="encodedItem" id="encodedItem" value="${encodedItem}" />
	<input type="submit" value="Submit" />
</form>

<hr/>
<table>
<tbody>
<tr>
	<th>productGroup</th><td>${item.productGroup}</td>
</tr>
<tr>
	<th>title</th><td>${item.title}</td>
</tr>
<tr>
	<th>detailPageUrl</th>
	<td><a href="${item.detailPageUrl}">link</a></td>
</tr>
<tr>
	<th>actors</th>
	<td>
		<ul>
			<c:forEach items="${item.actors}" var="actor">
				<li>${actor}</li>
			</c:forEach>
		</ul>
	</td>
</tr>
<tr>
	<th>artists</th>
	<td>
		<ul>
			<c:forEach items="${item.artists}" var="artist">
				<li>${artist}</li>
			</c:forEach>
		</ul>
	</td>
</tr>
<tr>
	<th>directors</th>
	<td>
		<ul>
			<c:forEach items="${item.directors}" var="director">
				<li>${director}</li>
			</c:forEach>
		</ul>
	</td>
</tr>
<tr>
	<th>formats</th>
	<td>
		<ul>
			<c:forEach items="${item.formats}" var="format">
				<li>${format}</li>
			</c:forEach>
		</ul>
	</td>
</tr>
<tr>
	<th>authors</th>
	<td>
		<ul>
			<c:forEach items="${item.authors}" var="author">
				<li>${author}</li>
			</c:forEach>
		</ul>
	</td>
</tr>

<tr>
	<th>studio</th><td>${item.studio}</td>
</tr>
<tr>
	<th>releaseDate</th><td>${item.releaseDate}</td>
</tr>
<tr>
	<th>publisher</th><td>${item.publisher}</td>
</tr>
<tr>
	<th>manufacturer</th><td>${item.manufacturer}</td>
</tr>
<tr>
	<th>label</th><td>${item.label}</td>
</tr>
<tr>
	<th>aspectRatio</th><td>${item.aspectRatio}</td>
</tr>
<tr>
	<th>eSRBAgeRating</th><td>${item.eSRBAgeRating}</td>
</tr>
<tr>
	<th>hardwarePlatform</th><td>${item.hardwarePlatform}</td>
</tr>
<tr>
	<th>operatingSystem</th><td>${item.operatingSystem}</td>
</tr>
<tr>
	<th>platform</th><td>${item.platform}</td>
</tr>
<tr>
	<th>numberOfPages</th><td>${item.numberOfPages}</td>
</tr>
<tr>
	<th>publicationDate</th><td>${item.publicationDate}</td>
</tr>
<tr>
	<th>runningTime</th><td>${item.runningTime}</td>
</tr>
<tr>
	<th>binding</th><td>${item.binding}</td>
</tr>
<tr>
	<th>lowestNewPrice</th><td>${item.lowestNewPrice}</td>
</tr>
<tr>
	<th>lowestUsedPrice</th><td>${item.lowestUsedPrice}</td>
</tr>
<tr>
	<th>tracks</th>
	<td>
		<ul>
			<c:forEach items="${item.tracks}" var="track">
				<li>${track}</li>
			</c:forEach>
		</ul>
	</td>
</tr>

<tr>
	<th>imageUrl</th>
	<td>
		<ul>
			<li>swatch: ${item.swatchImageUrl}</li>
			<li>small: ${item.smallImageUrl}</li>
			<li>medium: ${item.mediumImageUrl}&nbsp;<img src="${item.mediumImageUrl}" /></li>
			<li>large: ${item.largeImageUrl}</li>
		</ul>
		
	</td>
</tr>
<tr>
	<th>varientImagesUrl</th>
	<td>
		<ul>
			<c:forEach items="${item.varientImagesUrl}" var="image">
				<li><img src="${image}" /></li>
			</c:forEach>
		</ul>
	</td>
</tr>
<tr>
	<th>cachedDate</th><td>${item.cachedDate}</td>
</tr>
</tbody>
</table>
		
</body>
</html>